/**
 * Abstract Section
 */

import './PersonalAbstractSection.scss';

import React from 'react';
import PersonalSection from '../../PersonalSection/PersonalSection.jsx';
import PersonalSectionHeader from '../PersonalSectionHeader/PersonalSectionHeader.jsx';

class PersonalAbstractSection extends React.Component {
    constructor(props) {
        super(props);
    }

    /**
     * Virtual function
     * @returns {XML}
     */
    createSectionElement() {
        return(<div></div>)
    }

    render() {
        return React.createElement(
            PersonalSection, {hidden: this.props.hidden},
                React.createElement(PersonalSectionHeader, {name: this.props.name}),
                this.createSectionElement());
    }
}

PersonalAbstractSection.PropTypes = {
    name: React.PropTypes.string,
    display: React.PropTypes.bool
};

PersonalAbstractSection.defaultProps = {
    display: false
};

PersonalAbstractSection.displayName = 'PersonalAbstractSection';

export default PersonalAbstractSection;